<template>
  <div>
   <!-- 按键修饰符:
   .enter
   .esc  -->
   <!-- vue 官网只提供了一部分修饰符，如果需要更强大的扩展能力，可以自行翻阅ASCII通过键盘码来捕获对应的按键 -->
   用户名: <input @keydown.13="fn" type="text"><br>
   密码: <input @keydown.esc="fn2" type="text">
  </div>
</template>

<script>
export default {
  //定义数据
  data() {
    return {
 
    }
  },
  methods:{
    fn(){
      console.log('用户按下了回车键');
    },
    fn2(){
      console.log('用户按下了 esc');
    }
  }
};
</script>

<style>
</style>